<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>JPolite V2</title>
<meta name="keywords" content="jquery,portal,lightweight,ui,javascript"/>
<meta name="description" content="JPolite is a lightweight portal framework based on jQuery with strong customization features."/>
<meta name="author" content="http://trilancer.wordpress.com/"/>
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen"/>
<link rel="stylesheet" title="modern" href="css/style1.css" type="text/css" media="screen"/>
<!--[if IE]>
	<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen"/>
<![endif]-->
</head>
<body>
<div id="header">
	<div class="container fancy" style="color:#fff;font-size:2em">
		<img src="css/g/logo.png" style="vertical-align:middle" alt="logo"/> A Lightweight Portal Framework based on jQuery
	</div>
</div>
<div id="content" class="container">
	<div class="module" style="display:block">
		<div class="moduleFrame">
			<div class='moduleHeader'>
				<div class='moduleTitle'>About JPolite</div>
			</div>
			<div class='moduleContent'>
				<p>JPolite is a pure front-end portal framework based on jQuery &amp; BlueTrip CSS, with a handful of jQuery plugins integrated.<br/>
				It provides a compact yet powerful foundation for custom AJAX web applications with Netvibes-like user experiences.</p>
				<img src="img/jpolite_ss.png" alt="JPolite" title="JPolite Screenshots"/>
				<script type="text/javascript">
					function changeSetting(s) {
						window.name = s;
						window.location = 'index.html'
					};
				</script>
				<fieldset><legend>Navigation Tab Style</legend>
					<p>JPolite has lots customization features built-in, your can start exploration by picking a style from below:</p>
					<button onclick="changeSetting(1)"><img style="width:148px;height:32px" src="img/s1.png" alt="Kwicks"/><br/>Kwicks</button>
					<button onclick="changeSetting(2)"><img style="width:148px;height:32px" src="img/s2.png" alt="LavaLamp"/><br/>Lava Lamp</button>
					<button onclick="changeSetting(3)"><img style="width:148px;height:32px" src="img/s3.png" alt="Traditional"/><br/>Traditional</button>
				</fieldset>
				<fieldset><legend>Browser Support</legend>
					<img src="img/IE.png"/>IE8 & IE7
					<img src="img/Firefox.png"/>Firefox 3.5
					<img src="img/Chrome.png"/>Chrome 2
					<img src="img/Safari.png"/>Safari 4
					<img src="img/Opera.png"/>Opera 10
				</fieldset>
			</div>
		</div>
	</div>
</div>

<div id="footer">
<div id="footer_bar"><a href="http://trilancer.wordpress.com/">Trilancer Blog</a> | <a href="http://www.jquery.com">About jQuery</a> | <a href="http://www.netvibes.com">About Netvibes</a></div>
Copyright 2009 (C) Trilancer.com
</div>
</body>
</html>